<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no">

	<title>Just wow!</title>
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">

	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>

	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/js.js"></script>
	<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
	<script type="text/javascript" src="js/waypoints.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript">
		var cartVisible = false;
		function cart() {
			if(!cartVisible) {
				$(".cart-container").css("display", "block");
				$(".cart-container").animate({"height" : "125px"}, 400);
			} else {
				$(".cart-container").animate({"height" : "0px"}, 400, function(){ $(".cart-container").css("display", "none")});

			}
			cartVisible = !cartVisible;
		}
	</script>
</head>

<body>

<div class="menu">	
	<div class="container clearfix">

		<div id="logo" class="grid_3">
			<img src="images/demo_logo.png">
		</div>
		
		<div id="nav" class="grid_9 omega">
			<a href="#" class="pull-right cart" onClick="cart()"><img src="images/cart.png" /></a>
			<ul class="navigation">
				<li data-slide="1">Акция дня</li>
				<li data-slide="2">Все акции</li>
				<li data-slide="3">Помощь</li>
			</ul>
		</div>
	
	</div>

	<div class=" cart-container">	

		<div id="content" class="grid_12 relative-holder">
			<h1>Корзина пока пуста</h1>
		</div>
	
	</div>

</div>

<div class="slide" id="slide2" data-slide="1" data-stellar-background-ratio="0.5">
	<div class="container clearfix">	

		<div id="content" class="grid_12 relative-holder">
			<img src="images/iphone5-cropped.png" class="pull-right"/>

			<h1 class="green-back">iPhone 5</h1>
			<h2>Теперь по вашей цене</h2>

			<p> <br />
				<a href="" class="btn">Подробнее <b class="btn-arrow">→</b></a>
			</p>
		</div>
	
	</div>
</div>



<div class="slide" id="slide3" data-slide="2">
	<div class="container clearfix">
		
		<div id="content" class="grid_12">
			<h1>Сегодня мы предлагаем</h1>
		</div>

		
		<div  class="grid_6">
			<img src="images/1coupon.jpg" />
			<div>
				<p class="header">Скульптуры от Маши <b>60%</b></p>
				<p class="desc">
					Понравилось 10 человек
					<a href="" class="btn pull-right">Подробнее <b class="btn-arrow">→</b></a>
				</p>
			</div>
		</div> 
		<div class="grid_6 omega">
			<img src="images/2coupon.png" />
			<div>
				<p class="header">Огуречные маски от <b>40%</b></p>
				<p class="desc">
					Понравилось 10 человек
					<a href="" class="btn pull-right">Подробнее <b class="btn-arrow">→</b></a>
				</p>
			</div>
		</div>

		<div  class="grid_6">
			<img src="images/3coupon.jpg" />
			<div>
				<p class="header">Постельное бельё ТАС <b>40%</b></p>
				<p class="desc">
					Понравилось 10 человек
					<a href="" class="btn pull-right">Подробнее <b class="btn-arrow">→</b></a>
				</p>
			</div>
		</div> 
		<div class="grid_6 omega">
			<img src="images/4coupon.png" />
			<div>
				<p class="header">Курсы домбры <b>90%</b></p>
				<p class="desc">
					Понравилось 10 человек
					<a href="" class="btn pull-right">Подробнее <b class="btn-arrow">→</b></a>
				</p>
			</div>
		</div>
		<div class="grid_12 text-center">
			<h3></h3>
			<a href="" class="btn">Остальные акции <b class="btn-arrow">→</b></a>
		</div>
	</div>
</div>



<div class="slide" id="slide4" data-slide="3" data-stellar-background-ratio="0.5">
	<div class="container clearfix">
		
		<div class="grid_4">
			<h2>Клиентам</h2>
			<p>Don't forget to follow me!</p>
		</div>

		<div class="grid_4">
			<h2>Партнерам</h2>
			
			<p>Don't forget to follow me!</p>
		</div>

		<div class="grid_4 omega">
			<h2>Как это работает?</h2>
			
			<p>Don't forget to follow me!</p>
		</div>
	</div>
</div>

<div class="slide" id="slide5" data-stellar-background-ratio="0.5">
	<div class="container clearfix">
		
		<div class="grid_4">
			<h2>О сайте</h2>
			<p>WetSand 2013</p>
		</div>

		<div class="grid_4">
			<h2>Условия</h2>
			
			<p>Don't forget to follow me!</p>
		</div>

		<div class="grid_4 omega">
			<h2>Call-center</h2>
			
			<p>+7 (701) 838-68-82</p>
		</div>
	</div>
</div>

</body>
</html>
